.container {
	overflow: hidden;
}

.img-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.fixed-view {
	position: fixed;
	left: 22rpx;
	top: 24%;
	z-index: 10;
	.hsk-img {
		width: 88rpx;
		height: 88rpx;
	}
	.fixed-btn {
		height: 30rpx;
		background: linear-gradient(180deg, #f7baa1, #f49966);
		border-radius: 15rpx;
		color: #fff;
		font-size: 18rpx;
		margin-top: -20rpx;
		position: relative;
	}
	.fixed-num {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #f33143;
		border-radius: 24rpx;
		height: 24rpx;
		font-size: 18rpx;
		min-width: 24rpx;
		color: #fff;
	}
}

.right-fixed-view {
	width: 91rpx;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 20rpx;
	position: absolute;
	top: 10%;
	right: 0;
	padding: 16rpx 0;
	z-index: 5;
	.right-fixed-item {
		image {
			width: 60rpx;
			height: 60rpx;
		}
		view {
			font-size: 22rpx;
		}
		margin-bottom: 20rpx;
	}
	.right-fixed-item:last-child {
		margin-bottom: 0 !important;
	}
}

.award-img-view {
	position: relative;
	text-align: center;
	margin-top: 100rpx;
	width: 100%;

	.award-swiper {
		height: 650rpx;
		margin: 0 80rpx;
	}
	.award-img {
		width: 100%;
		height: 479rpx;
	}
	.award-kuan {
		position: relative;
		width: 256rpx;
		height: 71rpx;
		margin-top: 50rpx;
		image {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.award-kuan-text {
			color: #fff;
			position: absolute;
			width: 100%;
			line-height: 74rpx;
			@include text-shadow;
		}
	}
	.img-try {
		width: 128rpx;
		height: 60rpx;
		position: absolute;
		right: 30rpx;
		bottom: 30rpx;
	}
}

.lijian {
	margin: 39rpx auto;
	position: relative;
	width: 100%;
	justify-content: center;
	.lijian-title {
		font-size: 28rpx;
	}
	.lijian-price {
		color: #fd1b1b;
		margin-top: 25rpx;
		.img-yuanqishi {
			width: 32rpx;
			height: 32rpx;
			margin-right: 10rpx;
		}
		text {
			font-size: 44rpx;
			color: #fd1b1b;
			font-weight: bold;
		}
	}
	.jinzhi {
		padding: 5rpx 25rpx;
		height: 38rpx;
		background: rgba(243, 147, 136, 0.2);
		border-radius: 19px;
		color: #ff7854;
		font-size: 22rpx;
		margin-top: 20rpx;
	}
}
.goods-view {
	background: #fff;
	box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.08);
	border-radius: 40rpx 40rpx 0px 0px;
	padding: 30rpx 0;
	position: relative;
	&-title {
		width: 341rpx;
		height: 61rpx;
		background: #f6f7fb;
		border-radius: 0px 0px 40rpx 40rpx;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;

		image {
			width: 29rpx;
			height: 29rpx;
			margin-right: 10rpx;
		}
		.title {
			font-size: 24rpx;
			color: #666;
		}
	}
	&-list {
		margin-top: 23rpx;
		overflow-x: hidden;
		.goods-view-item {
			display: inline-block;
			width: 177rpx;
			margin-right: 15rpx;

			.goods-view-img {
				width: 177rpx;
				height: 177rpx;
				position: relative;
				overflow: hidden;
				image {
					width: 100%;
					height: 100%;
					border-radius: 15rpx;
				}
				.kuan {
					position: absolute;
					right: 0;
					bottom: 0;
					background: linear-gradient(180deg, #666666, #000000);
					border-radius: 20rpx 5rpx 20rpx 5rpx;
					color: #fff;
					font-size: 20rpx;
					padding: 0 10rpx;
				}
			}
			.goods-view-name {
				font-size: 22rpx;
				padding: 5rpx 10rpx 0;
				text-align: center;
			}
			.goods-view-price {
				color: #ff4c4c;
				font-size: 22rpx;
				text-align: center;
			}
		}
	}
}
.btn-view {
	justify-content: space-around;
	background-color: #fff;
	box-shadow: 0px 0px 8rpx 0px rgba(0, 0, 0, 0.13);
	position: fixed;
	width: 100%;
	padding: 17rpx;
	bottom: 0;
	z-index: 2;
	left: 0;
	.btn-item {
		width: 562rpx;
		height: 82rpx;
		font-weight: bold;
		font-size: 30rpx;
		position: relative;
		image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.buy-text {
			color: #f93f06;
			font-weight: bold;
			font-size: 22rpx;
			position: absolute;
			@include absolute-center;
			text {
				font-size: 30rpx;
			}
		}
	}
}

.detail-goods-view {
	background: #f6f7fb;
	box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.08);
	border-radius: 40rpx 40rpx 0px 0px;
	overflow: hidden;
	.detail-goods-title {
		padding: 26rpx 30rpx;
		text-align: center;
		position: relative;
		background-color: #fff;
		text {
			font-size: 32rpx;
			font-weight: bold;
		}
		image {
			width: 37rpx;
		}
	}
	.goods-scroll-view {
		max-height: 870rpx;
	}
	.detail-img {
		display: block;
		width: 100%;
	}
	.goods-price {
		padding: 0rpx 22rpx 10rpx;
		color: #fd1b1b;
		font-size: 24rpx;
		text {
			font-size: 40rpx;
			color: #fd1b1b;
		}
	}
}
.goods-detail-img {
	display: block;
	width: 100%;
}
.spec-box {
	background-color: #fff;
	padding: 15rpx 32rpx;
	.spec-box-item {
		padding: 15rpx 0;
		.spec-title {
			font-size: 24rpx;
			margin-right: 40rpx;
		}
		.spec-value {
			flex: 1;
			text {
				font-size: 24rpx;
			}
			.spec-choose {
				color: #999;
			}
		}
	}
}
.xiangqing {
	padding: 15rpx 30rpx;
	background-color: #fff;
}
.detail-name {
	padding: 10rpx 0;
	position: relative;
	.detail-kuan {
		width: 97rpx;
		height: 33rpx;
		position: absolute;
		top: 12rpx;
		left: 0;
		image {
			width: 100%;
			height: 100%;
			@include absolute-center;
		}
		text {
			position: absolute;
			font-size: 22rpx;
			color: #fff;
		}
	}
	&-text {
		text-indent: 100rpx;
	}
}
.gailv {
	font-size: 20rpx;
	color: #7f8699;
}

.no-data-view {
	padding: 50rpx 0;
	image {
		width: 200rpx;
	}
	.no-data-text {
		color: #999;
		font-size: 26rpx;
	}
}
.goods-view-list {
	padding: 0 30rpx;
}

.huodegailv {
	padding: 34rpx 50rpx;
	position: relative;

	.huodegailv-item {
		.huodegailv-text {
			padding: 0 8rpx;
			font-size: 18rpx;
		}
		.huodegailv-val {
			font-size: 20rpx;
			color: #666;
			margin-top: 5rpx;
		}
	}
}

.goods-list {
	padding: 0 30rpx;
	margin-top: 10rpx;
	position: relative;
	z-index: 3;
}
.comment-view {
	padding: 30rpx;
	background-color: #fff;
	padding-bottom: 0;
	.comment-title {
		.comment-title-text {
			font-size: 30rpx;
			font-weight: bold;
			color: #000;
			margin-bottom: 30rpx;
			text {
				font-size: 24rpx;
				color: #666;
				margin-left: 10rpx;
			}
		}
		.comment-title-more {
			text {
				font-size: 22rpx;
				color: #999;
			}
		}
	}
	.comment-item {
		margin-bottom: 20rpx;
		padding-bottom: 20rpx;
		border-bottom: 1rpx solid #f3f4f5;
		.comment-user {
			image {
				width: 67rpx;
				height: 67rpx;
				border-radius: 50%;
				display: block;
			}
			text {
				font-size: 30rpx;
				margin-left: 19rpx;
				font-weight: bold;
			}
		}
		.star-view {
			margin-top: 20rpx;
			.img-xing {
				width: 26rpx;
				height: 26rpx;
				margin-right: 4rpx;
			}
			text {
				font-size: 22rpx;
				margin-left: 5rpx;
			}
		}
		.comment-content {
			margin-top: 20rpx;
			font-size: 26rpx;
		}
	}
	.comment-item:last-child {
		border: 0;
	}
}

.goods-list-view {
	flex-wrap: wrap;
	.goods-item {
		width: 330rpx;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;
		margin-bottom: 24rpx;
		margin-right: 28rpx;
		padding-bottom: 5rpx;
		border: 1px solid #f6f7fb;
		position: relative;

		image {
			width: 100%;
			height: 330rpx;
		}
		.goods-name {
			padding: 0 24rpx;
		}
		.yincang {
			font-size: 22rpx;
			color: #f52626;
			padding: 0 24rpx;
		}
		.goods-price-view {
			font-size: 22rpx;
			padding: 0 24rpx;
			text {
				font-size: 32rpx;
				font-weight: bold;
			}
		}
	}
	.goods-item:nth-child(2n) {
		margin-right: 0;
	}
}
.goods-sign {
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, #666666, #000000);
	border-radius: 20rpx 5rpx 20rpx 5rpx;
	color: #fff;
	font-size: 24rpx;
	padding: 4rpx 28rpx;
}
